<template>
  <view class="titleLeft">
    <view class="tag" :style="{ height: tagHeight }"></view>
    <view class="fs_18 color_green" :style="{ fontSize: fontSize }">
      <slot></slot>
    </view>
  </view>
</template>

<script setup lang="ts">
const props = defineProps({
  tagHeight: {
    type: String,
    default: "18px",
  },
  fontSize: {
    type: String,
    default: "18px",
  },
});
</script>

<style lang="scss" scoped>
.titleLeft {
  width: fit-content;
  display: flex;
  align-items: center;
  .tag {
    height: 18px;
    width: 4px;
    border-radius: 2px;
    /* bg/绿100 */
    background: rgb(44, 138, 102);
    margin-right: 4px;
  }
}
</style>
